/**
 * DESCRIPTION    小杜下载 2023
 * AUTHOR  Chenlq  
 * TIME  2023-12-18
 */
*{
    vertical-align: baseline;
    font-weight: inherit;
    font-family: 'Arial', 'Microsoft YaHei', '微软雅黑';
    font-style: inherit;
    font-size: 100%;
    outline: 0;
    padding: 0;
    margin: 0;
    border: 0;
    line-height:inherit;
    list-style:none;
    text-decoration:none;
}
:focus {
  outline: none;
}

img,
form,
div,
ul,
li,
dl,
dt,
dd,
h1,
h2,
h4,
span,
p,
input,
h1,
h2,
h3,
blockquote {
    border: 0;
    padding: 0;
    margin: 0;
    font-weight: normal;
}

i{
    font-style: normal;
}

button{
    border: none;
    background: none;
}

li,
em {
    list-style-type: none;
    list-style-position: outside;
    font-style: normal;
}

.clear {
    clear: both
}

a:link,
a:visited {
    text-decoration: none;
    color: #666;
}

a:hover,
a:active {
    text-decoration: none;
    color: #009cff;
}
a{
   /* transition: color .2s linear;*/
}
a:hover{
   /* transition: color .2s linear;*/
}
b,strong{
    font-weight: bold;
}
body{
    background:#f8f8f8;
    min-width: 1200px;
}
.layout,.main-layout{
    width: 1200px;
    margin: 0 auto;
}
.clearfix::after{
    content: '';
    display: block;
    clear: both;
}
.floatL{
    float: left;
}
.floatR{
    float: right;
}
.pull-left{
    float:left; 
}
.pull-right{
    float:right;
}
.flexbox {
    display: flex;
}
.flexWrap {
    display: flex;
    -webkit-flex-wrap:wrap;
    flex-wrap: wrap;
    /* justify-content: space-between; */
}
.flexCenter {
    display: flex;
    align-items: center;
    justify-content: center;
}
.flexBetween{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.mgt20{
    margin-top: 20px;
}
.index-icon,.rjgh-list ul li .qt-bottom span.num:before,.rjgh-list ul li .qt-bottom span.time:before,.gh-rmgh li time:before{
    background:url(../images/index_icon.png?v=00001) no-repeat;
}
/*顶部导航*/
.headNav{
    width: 100%;
    height: 100px;
    background:#fff;
    box-shadow:2px 0px 10px rgb(227, 227,227,0.5);
}
.headNav .logo{
    width: 212px;
    height: 52px;
    margin-right: 40px;
    float:left;
}
.headNav .logo img{
    margin-top: 24px;
    width: 212px;
    height: 52px;
    display: block;
}
.headNav .nav{
    float:left;
    position: relative;
    display: flex;
}
.headNav .nav a{
    padding: 0 24px;
    font-size: 22px;
    color:#626262;
    line-height: 100px;
    display: inline-block;
   
}
.headNav .nav a.on,.headNav .nav a:hover{
    color:#080808;
    font-weight: bold;
}
/* .headNav .nav a.on:after{
    content:'';
    width: 70%;
    height: 3px;
    background:#12a6ff;
    border-radius: 3px;
    display: inline-block;
    position: absolute;
    bottom: 25px;
    left: 50%;
    margin-left: -35%;
} */
.headNav .nav span{
    width: 30px;
    height: 3px;
    background: #12a6ff;
    border-radius: 3px;
    display: block;
    position: absolute;
    left: 31px;
    bottom: 25px;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -ms-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
}
.h_n_593516 .nav span{
    left: 31px;
}
.h_n_593517 .nav span{
    left: 123px;
}
.h_n_593518 .nav span{
    left: 215px;
}
.h_n_593522 .nav span{
    left: 307px;
}
.h_n_heji .nav span{
    left: 400px;
}
.h_n_593725 .nav span{
    left: 491px;
}
.headNav .nav #nav_index:hover~span {
    left: 31px;
}
.headNav .nav #nav_soft:hover~span {
    left: 123px;
}
.headNav .nav #nav_game:hover~span {
    left: 215px;
}
.headNav .nav #nav_zuixin:hover~span {
    left: 307px;
}
.headNav .nav #nav_heji:hover~span {
    left: 400px;
}
.headNav .nav #nav_rjgh:hover~span {
    left: 491px;
}
.serach,form {
    float: right;
    width: 340px;
    height: 50px;
    margin-top: 24px;
    border: 1px solid #efefef;
    border-radius: 50px;
    margin-left: 0;
    font-size: 0px;
    box-sizing: border-box;
}
.serach .search-tips{
    width:17px;
    height: 18px;
    background-position: -84px -54px;
    float:left;
    margin: 15px 10px 0 16px;
}
.serach img {
    height: 40px;
    vertical-align: top;
}

.txt {
    height: 48px;
    width: 185px;
    padding-left:0;
    display: inline-block;
    font-size: 14px;
    outline: none;
}
.serach .btn {
    width: 100px; 
    height: 40px;
    margin-top: 4px;
    margin-right: 4px; 
    color: #fff;    
    font-size: 16px;
    cursor: pointer;
    line-height: 40px;
    background-image:linear-gradient(to right,#12a9ff,#0870ff);  
    border-radius: 40px;
    float: right;    
}
.serach .btn:hover{
    background-image:linear-gradient(to left,#12a9ff,#0870ff);
}
.title{
    margin-top: 9px;
   width: 100%;
   height: 55px;
   font-size: 22px;
   color:#2c2c2c;
   font-weight: bold;
   line-height: 55px; 
   border-bottom: #eee solid 1px;
}
.title .more{
    float:right;
    font-size: 16px;
    color:#9e9e9e;
}
.title .more{
    margin-right: 10px;
    font-size: 16px;
    color:#9e9e9e;
    font-weight: normal;
}
.rjfl .title .more{
    margin-top: 21px;
    width: 12px;
    height:12px;
    font-size: 0;
    background:#c8c8c8;
    transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    display: inline-block;
    position: relative;
}
.changeColor{
    color:#f43650!important;
}
/*banner */
.advertisement_wrap {
    width: 100%;
    overflow: hidden;
    margin: 20px 0 0;
    display: inline-block;
}

.advertisement {
    width: 1200px;
    margin: 0 auto;
    position: relative;
}
.advertisement_pic a{
    display: none;
}
.advertisement_pic a img{
    width: 100%;
    display: block;
} 

.advertisement p {
    position: absolute;
    bottom: 5px;
    right: 0px;
}

.advertisement p span {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #e5e5e5;
    display: inline-block;
    margin-right: 12px;
}

.advertisement p span.advertisement_active {
    background: #ed8938;
}
/* .changeColor{
    color:#009cff!important;
} */
.advertisement_pic{
    position:relative
}
.advertisement_pic:after{
    content:'';
   display:inline-block;
    position: absolute;
    right: 0px;
    bottom: 0;
    width: 29px;
    height: 16px;    
    background-image: url(https://mydown.yesky.com/TLimages2009/yesky/images/pic/adtips.png);
}
.advertisement_pic img{
    display: block;
}

/*面包屑导航*/
.position{
    width: 100%;
    font-size: 14px;
    color: #535353;
    padding: 17px 0px;
    box-sizing: border-box;
}
.position a{
    color: #535353;
    margin: 0 10px;
}
.position a[href]:hover{
    text-decoration: none;
    color:#009cff;
}

/*列表-频道-文章左侧分类*/
.fl-name{   
    width: 200px;   
    border:#eee solid 1px;
    background:#fff;
    border-radius: 5px;
    box-sizing: border-box;
}
.fl-name .title{
    width: 128px;
    margin: 0 20px;
    padding-top: 10px;
    padding-left: 30px;
}
.fl-name .fl-cont dl,.fl-name ul li{ 
    margin-bottom: 1px;
    padding-left: 46px;
    width: 100%;
    height: 54px;
    font-size: 18px;
    color:#0d0d0d;
    line-height: 54px;
    box-sizing: border-box;
}
.fl-name .fl-cont dl dd{
    display: none;
}
.fl-name .fl-cont dl:last-child,.fl-name ul li:last-child{
    border-radius: 0 0 5px 5px;
}
.fl-name .fl-cont dl a,.fl-name ul li a{
    color:#0d0d0d;
}   
.fl-name .fl-cont dl:hover,.fl-name .fl-cont dl.active,.fl-name ul li:hover,.fl-name ul li.active{
    color:#fff;
    background:#0c83ff;
}
.fl-name .fl-cont dl:hover a,.fl-name .fl-cont dl.active a,.fl-name ul li:hover a,.fl-name ul li.active a{
    color:#fff;
}
.fl-name .fl-cont dl dt:before{
    content:'';
    margin-right: 14px;
    width: 24px;
    height: 26px;
    background:url(../images/flNav_icon.png) no-repeat;
    background-position: 0 0;
    display: inline-block;
    vertical-align: -9px;
}
.fl-name .fl-cont dl.active dt:before,.fl-name .fl-cont dl dt:hover:before{
    background-position: -28px 0;
}
.fl-name .fl-cont dl.l2 dt:before {
    background-position: 0 -56px;
}
.fl-name .fl-cont dl.l2.active dt:before,.fl-name .fl-cont dl.l2 dt:hover:before{
    background-position: -28px -56px;
}
.fl-name .fl-cont dl.l3 dt:before{
    background-position: 0 -110px;
}
.fl-name .fl-cont dl.l3.active dt:before,.fl-name .fl-cont dl.l3 dt:hover:before{
    background-position: -28px -110px;
}
.fl-name .fl-cont dl.l4 dt:before{
    background-position: 0 -165px;
}
.fl-name .fl-cont dl.l4.active dt:before,.fl-name .fl-cont dl.l4 dt:hover:before{
    background-position: -28px -165px;
}
.fl-name .fl-cont dl.l5 dt:before{
    background-position: 0 -220px;
}
.fl-name .fl-cont dl.l5.active dt:before,.fl-name .fl-cont dl.l5 dt:hover:before{
    background-position: -28px -220px;
}
.fl-name .fl-cont dl.l6 dt:before{
    background-position: 0 -275px;
}
.fl-name .fl-cont dl.l6.active dt:before,.fl-name .fl-cont dl.l6 dt:hover:before{
    background-position: -28px -275px;
}
.fl-name .fl-cont dl.l7 dt:before{
    background-position: 0 -328px;
}
.fl-name .fl-cont dl.l7.active dt:before,.fl-name .fl-cont dl.l7 dt:hover:before{
    background-position: -28px -328px;
}
.fl-name .fl-cont dl.l8 dt:before{
    background-position: 0 -385px;
}
.fl-name .fl-cont dl.l8.active dt:before,.fl-name .fl-cont dl.l8 dt:hover:before{
    background-position: -28px -385px;
}
.fl-name .fl-cont dl.l9 dt:before{
    background-position: 0 -442px;
}
.fl-name .fl-cont dl.l9.active dt:before,.fl-name .fl-cont dl.l9 dt:hover:before{
    background-position: -28px -442px;
}
.fl-name .fl-cont dl.l10 dt:before{
    background-position: 0 -494px;
}
.fl-name .fl-cont dl.l10.active dt:before,.fl-name .fl-cont dl.l10 dt:hover:before{
    background-position: -28px -494px;
}
.fl-name .fl-cont dl.l11 dt:before{
    background-position: 0 -551px;
}
.fl-name .fl-cont dl.l11.active dt:before,.fl-name .fl-cont dl.l11 dt:hover:before{
    background-position: -28px -551px;
}
.fl-name .fl-cont dl.l12 dt:before{
    background-position: 0 -607px;
}
.fl-name .fl-cont dl.l12.active dt:before,.fl-name .fl-cont dl.l12 dt:hover:before{
    background-position: -28px -607px;
}
.fl-name .fl-cont dl.l13 dt:before{
    background-position: 0 -658px;
}
.fl-name .fl-cont dl.l13.active dt:before,.fl-name .fl-cont dl.l13 dt:hover:before{
    background-position: -28px -658px;
}
.fl-name .fl-cont dl.l14 dt:before{
    background-position: 0 -715px;
}
.fl-name .fl-cont dl.l14.active dt:before,.fl-name .fl-cont dl.l14 dt:hover:before{
    background-position: -28px -715px;
}
.fl-name .fl-cont dl.l15 dt:before{
    background-position: 0 -770px;
}
.fl-name .fl-cont dl.l15.active dt:before,.fl-name .fl-cont dl.l15 dt:hover:before{
    background-position: -28px -770px;
}
.fl-name .fl-cont dl.l16 dt:before{
    background-position: 0 -825px;
}
.fl-name .fl-cont dl.l16.active dt:before,.fl-name .fl-cont dl dt.l16:hover:before{
    background-position: -28px -825px;
}
.fl-name .fl-cont dl.l17 dt:before{
    background-position: 0 -879px;
}
.fl-name .fl-cont dl.l17.active dt:before,.fl-name .fl-cont dl.l17 dt:hover:before{
    background-position: -28px -879px;
}
.fl-name .fl-cont dl.l18 dt:before{
    background-position: 0 -935px;
}
.fl-name .fl-cont dl.l18.active dt:before,.fl-name .fl-cont dl.l18 dt:hover:before{
    background-position: -28px -935px;
}
.fl-name span{
    display: none;
}
/*切换分页样式*/
.swiper-pagination{
    bottom: 8px!important;    
}
.swiper-pagination-bullet{
    width:45px;
    height:6px; 
    background:#9E9E9E;
    opacity:0.6;
    border-radius: 0;
}
.swiper-pagination-bullets .swiper-pagination-bullet{
    margin: 0 10px 0 0;
}
.swiper-pagination-bullets .swiper-pagination-bullet:nth-of-type(6){
    margin-right: 0;
}
.swiper-pagination-bullet-active{
    width: 45px;
    height: 6px;
    opacity:1;
    position: relative;
}
/*footer*/
.footer{
    width: 100%;
    margin-top: 50px;
    padding: 30px 0;
    text-align: center;
    background:#313131;
    display: inline-block;
}
.footer p{
    font-size: 14px;
    color:#fff;
    line-height: 30px;
}
.footer p a{
    font-size: 14px;
    color:#fff;
}
.footer p span{
    margin: 0 22px;
    width: 1px;
    height: 12px;
    background:#fff;
    font-size: 0;
    display: inline-block;
    vertical-align: middle;
}
/* 页面分页 */
.pagingWrap {
    position: relative;
    left: 50%;
    float: left;
}
.paging {
    position: relative;
    left: -50%;
    margin-top: 20px;
    padding-bottom: 50px;
  }
  .paging div{
      width: 32px;
      height: 32px;
      font-size: 14px;
      color: #4a4a4a;
      text-align: center;
      line-height: 32px;
      border: 1px solid #eee;
      border-radius: 3px;
      float: left;
      margin: 0px 5px ;
      cursor: pointer;
      background: #fff;      
  }
   .paging .first,.paging .last,.paging .prev,.paging .next{
      width: 59px;
      height: 32px;
  }
  
  .paging div.disable {
    color: #fff;
    cursor: not-allowed;
    background-color: rgb(211, 211, 211);
  }
  .paging div.active {
    background-color: #1a99fc;
    color: #fff;
  }
  .paging .pagingDiv:hover {
    background-color: #1a99fc;
    color: #fff;
}
/**/
#biuuu_city{
    text-align: center;
    margin-top: 25px;
}
#biuuu_city a{
    display: inline-block;
    padding: 0 12px;
    height: 29px;    
    font-size: 14px;
    color: #4a4a4a;
    text-align: center;
    line-height: 29px;
    border: 1px solid #eee;
    background:#fff; 
    border-radius: 5px;   
    margin: 0 4px;
}
#biuuu_city span.laypage_curr{
    display: inline-block;
    padding: 0 12px;
    height: 29px;
    font-size: 14px;
    color: #fff;
    line-height: 29px;
    text-align: center;
    border: 1px solid #1a99fc;
    border-radius: 5px;
    background: #1a99fc;
}
/* 列表分页 */
.pages {
    text-align: center;
    font-size: 12px;
    margin-top: 25px;
}

.pages a,
.pages span {
    height: 32px;
    padding: 0px 12px;
    font-size: 14px;
    color: #4a4a4a;
    text-align: center;
    line-height: 32px;
    border: 1px solid #eee;
    margin: 0px 5px ;
    cursor: pointer;
    background: #fff;
    border-radius: 3px;
    display: inline-block;
}

.pages a:hover {
    background-color: #1a99fc;
    color: #fff;
    text-decoration: none;
}
.pages span {
    background-color: #1a99fc;
    color: #fff;
}
.loadMore{
    width: 100%;
    text-align: center;
    padding: 20px 0;
    background: #fff;
    border: #eee solid 1px;
    border-top: 0;
    border-radius: 0 0 5px 5px;
    display: none;
}
.loadMore span{
    width: 157px;
    height: 50px;
    font-size: 20px;
    color:#fff;
    text-align: center;
    line-height: 50px;
    background:#12a6ff;
    border-radius: 5px;
    display: inline-block;
    cursor: pointer;
}
/*本周热推*/
.bengzourt-box{
    width: 100%;
    display:inline-block;
}
.bengzourt{
    margin-top: 20px;
    padding: 0 20px;
    border: #eee solid 1px;
    background: #fff;
    border-radius: 5px;
    box-sizing: border-box;
}
.back{
    width: 60px;
    height: 73px;
    text-align: center;
    position: fixed;
    bottom: 200px;
    right: 30px;
    font-size: 14px;
    color:#bfbfbf;
    cursor: pointer;
    transition: all ease-in-out .3s; 
    z-index: 1000;
}
.back .back-icon{
    width: 51px;
    height: 51px;
    background:url(../images/back.png) no-repeat;
    background-position: 0 0;  
    display: inline-block;  
}
.back span{
    display: none;
}
.back:hover{
    color:#12a6ff;
}
.back:hover .back-icon{
    background-position: -59px 0;  
}
.back:hover span{
    display: inline-block;
}
.back.hid {
    opacity: 0;
    margin-bottom: -200px;
    visibility: hidden;
}
.tips,.tips .txt{
    background:#eee;
}
.tips input:focus::-webkit-input-placeholder{
    color:#999;
}
.tips input:focus:-moz-placeholder{
    color:#999;
}
.tips input:focus::-moz-placeholder{
    color:#999;
}
.tips input:focus:-ms-input-placeholder{
   color:#999;
}
/*links*/
.links ul{
    padding-bottom:15px;    
    display: flex;
    align-items: center;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.links li{  
    float: left;
    margin-right: 34px;
    margin-top: 15px;
    font-size: 14px;
    color: #2c2c2c;
}
.links li a:hover{
    color:#009cff;
}

@media screen and (max-width:1440px){
    .back{    
        right: 10px;
    }
}
@media screen and (min-width:1600px){
    .back{    
        right: 60px;
    }
}
/*新增右侧边栏 2025-02-10 chenlq*/
.ycbl{
    width: 60px;
    height: 73px;
    text-align: center;
    position: fixed;
    bottom: 200px;
    right: 30px;
    font-size: 14px;
    color: #bfbfbf;
    cursor: pointer;
    transition: all ease-in-out .3s;
    z-index: 1000;
}
.ycbl .softbl{
    width: 44px;
    height: 44px;
    padding: 3px;
    display: block;
    margin-left: 5px;
    background:#fff;
    border-radius: 50%;
    box-shadow:0px 0 5px 5px rgb(233, 233, 233 ,1);
    position: relative;
}
.ycbl .softbl img{
    width: 44px;
    height: 44px;
    display: block;
    border-radius: 50%;
}
.ycbl .softbl .name{
    position: absolute;
    width: 100px;
    height: 32px;
    font-size: 14px;
    color:#0c0c0c;
    text-align: center;
    line-height: 32px;
    background:#fff;
    border-radius: 5px;
    box-shadow:0px 0 5px 5px rgb(233, 233, 233 ,1);
    top: -50px;
    left: 50%;
    margin-left: -50px;
}
.ycbl .softbl:hover .softblfc{
    display: block;
}

.ycbl .softbl .softblfc{
    width: 500px;
    height: 170px;
    background:#fff;
    box-shadow:0px 0 8px 5px rgb(233, 233, 233 ,1);
    border-radius: 10px;
    position: absolute;
    right: 68px;
    top: 50%;
    margin-top: -85px;
    display: none;  
}
.ycbl .softbl .softblfc:after{
    content:'';
    width:50px;
    height: 170px;
    background:transparent;
    position: absolute;
    right: -20px;
    top: 0;
    display: inline-block;
}
.ycbl .softbl .softblfc .bigimg,.ycbl .softbl .softblfc .video{
    max-width: 235px;
    height: 132px;
    margin: 19px 25px 0 19px;
    float:left;
}
.ycbl .softbl .softblfc .video video{
    width: auto;
    height: 132px;
    object-fit: fill;
}
.ycbl .softbl .softblfc .bigimg img{
    width: 235px;
    height: 132px;
    border-radius: 0;
}
.ycbl .softbl .softblfc .softright{
    margin-top: 30px;
    padding-right: 15px;
    width: 200px;
    float: left;
}
.ycbl .softbl .softblfc .softright .img{
    float:left; 
    margin-right: 20px;
    width: 56px;
    height: 56px;
    padding: 5px;
    border:#eee solid 1px;
    border-radius: 10px;    
    box-sizing: border-box;
}
.ycbl .softbl .softblfc .softright .img img{
    width: 100%;
    height: 100%;
    display: block;
}
.ycbl .softbl .softblfc .softright .spanRight{
    text-align: left;
}
.ycbl .softbl .softblfc .softright .tit{
    font-size: 16px;
    color:#0c0c0c;
}
.ycbl .softbl .softblfc .softright .spanRight p{
    padding-top: 10px;
    font-size: 14px;
    color:#9b9a9a;  
}
.ycbl .softbl .softblfc .btn{
    margin-top: 20px;
    float:left;
    width: 99px;
    height: 38px;
    font-size: 14px;
    color:#fff;
    text-align: center;
    line-height: 38px;
    background-image: linear-gradient(to top, #1a78fe, #2cafff);
    border-radius: 38px;
}
.ycbl .softbl .softblfc .btn:hover{
    background-image: linear-gradient(to bottom, #1a78fe, #2cafff);
}
.ycbl .backtop{
    margin-top: 20px;
    width: 50px;
    height: 50px;
    border:#e1e1e1 solid 1px;
    background:#fff;
    border-radius: 50%;
    box-sizing: border-box; 
    display: inline-block;  
    position: relative;
}
.backtop:before{
    content:'';
    margin-top: 3px;
    width: 12px;
    height: 12px;
    border-right:#d2d2d2 solid 1px;
    border-bottom:#d2d2d2 solid 1px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) rotate(-135deg);
    display: inline-block;  
}
.backtop:hover,.backtop:hover:before{
    border-color:#12a6ff;
}
.ycbl .backtop.hid{
    opacity: 0;
    margin-bottom: -200px;
    visibility: hidden;
}